<template>
  <div class="home">
    <Header
      :class="$route.meta.header == 'fixed' ? 'fixed-header' : ''"
    ></Header>
    <router-view
      :class="$route.meta.header == 'fixed' ? 'fixed-content' : ''"
    />
    <!-- <Footer v-show="$route.meta.footer != false"></Footer> -->
  </div>
</template>

<script>
import Header from "@/components/headerDetail.vue";
// import Footer from "@/components/footer.vue";

export default {
  name: "Home",
  components: { Header },
  data() {
    return {};
  },
  created() {
    //      console.log(this.$route);
  },
};
</script>

<style lang="less" scoped>
.home {
  // position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #f3f5f7;
}
.fixed-content {
  padding-top: 54px;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
</style>
